<template>
	<view>
		<view class="info" @click="goLogin">
			<image class="info-avatar" src="../../static/my/person.png" mode=""></image>
			<view class="info-nick">
				游客
			</view>
			<view class="info-detail">
				<view class="info-id">
					ID:1
				</view>
				<view class="info-level">
					等级:会员
				</view>
			</view>
		</view>
		<uni-list>
			<uni-list-item title="我的资产" note="" @click="asset"></uni-list-item>
			<uni-list-item title="常见问题" note="" @click="question"></uni-list-item>
			<uni-list-item title="设置" note="" @click="set"></uni-list-item>
			<uni-list-item title="客服" note="" @click="phone"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			asset() {
				uni.navigateTo({
					url: '../asset/asset'
				})
			},
			question() {
				uni.navigateTo({
					url: '../question/question'
				})
			},
			set() {
				uni.navigateTo({
					url: '../set/set'
				})
			},
			phone() {
				uni.makePhoneCall({
					phoneNumber: '01086466630'
				})
			},
			goLogin(){
				uni.navigateTo({
					url:'../login/login'
				})
			}
		}
	}
</script>

<style>
	.info {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

	.info-avatar {
		margin-top: 50upx;
		width: 120upx;
		height: 120upx;
		border-radius: 50%;
	}

	.info-nick {
		font-size:32upx;
	}

	.info-detail {
		display: flex;
		margin-top: 50upx;
	}

	.info-id,
	.info-level {
		width: 375upx;
		text-align: center;
		font-size:32upx;
	}
</style>
